<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/include/css/style.css" />
<%@ page session="false"%>

<div id="object-active" style="width: 25%; position: absolute;">
	
	<h3>
		URL
	</h3>

	<div>
		<c:forEach items="${urls}" var="obj">
			<a id="${obj.key}" onclick="showList('${obj.key}','${obj.label}')" href="javascript:void(0)">${obj.label}</a>
			<br />
		</c:forEach>
	</div>
</div>

<div id="menu-list" style="float: left; margin-left: 25%; position: absolute; width: 73%;">
	
	<h3 class="object-title"></h3>
	<div class="role-content"></div>

</div>

<script type="text/javascript">
    var myClick;
	function showList(id, value) {
		myClick = id;
		$('.object-title').html(value);
				
		$.post('${pageContext.request.contextPath}/auth/object-ajax', {
			urlId : id 
		}, function(data) {
			$('.role-content').html(data);
		});
	}	
	$(document).ready(function() {
		
	});
	
</script>